<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>首页</title>
    <link rel="stylesheet" href="../css/style-base.css">
    <link rel="stylesheet" href="../css/style-common.css">
    <link rel="stylesheet" href="../css/style-home.css">
    <script src="../js/swipe.min.js"></script>
</head>
<body>
<header>
    <div class="headerContainer">
        <div class="headerContainer_left left">
        </div>
        <div class="headerContainer_center">
            <span>首页</span>
        </div>
        <div class="headerContainer_right right">
        </div>
    </div>
</header>
<div class="container home-bg">

     <div class="swipe-wrap clearfix">
       <ul class="swipe-img" id="swipe">
        <li class="swipe-item">
           <div class="home-icons">  
                 <ul>
                       <li class="margin-bottom"><a href="./mystore/mystore.html"><img src="../images/store.png" width="80px"/></a></li>
                       <li class="margin-bottom"><a href="./mystore/mymanagement.html"><img src="../images/goods_manage.png" width="80px"/></a></li>
                       <li class="margin-bottom"><a href="./myorder/goorder.html"><img src="../images/order.png" width="80px"/></a></li>
                       <li class="margin-bottom"><a href="./myorder/myorder.html"><img src="../images/order_list.png" width="80px"/></a></li>
                       <li><a href="./mycustomer/mycustomer.html"><img src="../images/my_customer.png" width="80px"/></a></li>
                       <li><a href="./mymoney/mymoney.html"><img src="../images/money.png" width="80px"/></a></li>
               </ul>
          </div>
             <div class="home-icons">
                <ul>
                       <li class="margin-bottom"><a href="#"><img src="../images/old_car.png" width="80px"/></a></li>
                       <li class="margin-bottom"><a href="#"><img src="../images/car_goods.png" width="80px"/></a></li>
                       <li class="margin-bottom"><a href="#"><img src="../images/order.png" width="80px"/></a></li>
                       <li class="margin-bottom"><a href="#"><img src="../images/order_list.png" width="80px"/></a></li>
                   </ul>
           </div>
       </li>
      </ul>
    
    </div>
  <div>
         <a href="#" id="arrowLeft" class="arrow-left hide" onclick="window.mySwipe.prev()">
                <span></span>
            </a> 
            <a href="#"  id="arrowRight" class="arrow-right" onclick="window.mySwipe.next()">
                <span></span>
            </a> 
      </div>
</div>
<script>
var elem = document.getElementById('swipe');
   window.mySwipe = Swipe(elem, {
  callback: function(pos) {
    if(pos%2 === 0){
          document.getElementById('arrowLeft').className = "arrow-left hide";
           document.getElementById('arrowRight').className = "arrow-right";
    }else{
         document.getElementById('arrowLeft').className = "arrow-left";
           document.getElementById('arrowRight').className = "arrow-right hide";
    }
  }
});

</script>

<nav class="clearfix">
    <a href="./home.html"  class="one on">
        <div class="beij borderRight">
            <div class="shnm-1"></div>		<div class="db activeText">首页</div>
        </div>
    </a>
    <a href="./merchant/management.html"  class="one on">
        <div class="beij borderRight">
            <div class="shnm2"></div>		<div class="db">商品</div>
        </div>
    </a>
    <a href="./mystore/mystore.html" class="one on">
        <div class="beij borderRight">
            <div class="shnm3"></div>		<div class="db">微店</div>
        </div>
    </a>
    <a href="./user/index.html"  class="one on">
        <div class="beij">
            <div class="shnm4"></div>		<div class="db">我的</div>
        </div>
    </a>
</nav>
</body>
</html>